body{
    overflow: hidden!important;
}
.login_web {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    .header {
        width: 100%;
        height: 7vh;
        background: #0f2950;
        text-align: center;
        color: white;
        line-height: 7vh;
        letter-spacing: 2px;
        font-size: 1.2vw;
        img {
            width: 2%;
            display: inline-block;
            vertical-align: middle;
            text-align: center;
            margin-right: 12px;
        }
    }
    .content {
        width: 100%;
        height: 93vh;
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        .left_img{
            width: 25%;
            height: 30vh;
            position: absolute;
            left: 25vw;
            top: 13vh;
           img{
               width: 100%;
           }
        }
        .right_login {
            position: absolute;
            right: 25vw;
            top: 13vh;
            width: 16%;
//          height: 28vh;
            margin: 0 auto;
            padding: 1vw;
            margin-top: 5vh;
            position: relative;
            background: white;
            border-radius: 6px;
            .user_lp {
                width: 4.5vw;
                height: 4.5vw;
                border-radius: 50%;
                border: 3px solid #93dfff;
                position: absolute;
                top: -2.5vw;
                left: 50%;
                background: white;
                transform: translateX(-50%);
                overflow: hidden;
                img {
                    width: 67%;
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    margin: auto;
                }
            }
            .marked{
//              border: 1px solid red;
                border-radius: 5px;
                height: 4vh;
                background: #eed3d7;
                line-height: 4vh;
                text-align: center;
                color: #e23c50;
                font-size: 16px;
                margin-top: 5vh;
                position: relative;
                display: none;
                transition: all 1s;
                .del{
                    width: 1.3vw;
                    height: 1.3vw;
                    line-height: 1.3vw;
                    background: #f0e4e5;
                    border-radius: 50%;
                    color: #a11324;
                    position: absolute;
                    top: -0.55vw;
                    right: -0.55vw;
                    cursor: pointer;
                }
                .del:hover{
                    color: white;
                    background: #f3818e;
                    width: 1.6vw;
                    height: 1.6vw;
                    line-height: 1.6vw;
                }
            }
            form {
                text-align: center;
                font-size: 18px;
                margin-top: 5vh;
                input {
                    width: 97%;
                    height: 4vh;
                    padding-left: 5px;
                    margin-top: 2vh;
                    border-radius: 5px;
                    border: 1px solid darkgray;
                }
                #isRemberPwdId{
                    width: auto;
                    height: auto;
                }
                .remen_psd{
                    font-size: 14px;
                }
            }
            .submit {
                width: 5vw;
                height: 4vh;
                border: 1px solid lightgray;
                border-radius: 4px;
                background: #3491b8;
                color: white;
                display: block;
                margin: 0 auto;
                margin-top: 2vh;
            }
        }
    }
}